<!--
 * @Descripttion:人员
 * @version:
 * @Author: ada.wu
 * @Date:2024-03-11 11:26:44
 * @LastEditors: ada.wu
 * @LastEditTime: 2024-04-09 15:39:56
-->
<template>
  <div class="hub">
    <div class="linear_bg"></div>
    <div class="m radius">
      <Activity></Activity>
    </div>
    <div class="m radius">
      <Employee></Employee>
    </div>
    <div class="safe-height"></div>
    <div class="fixed_bottom p-tb t-r">
      <van-button round plain size="small" color="#28A3AF" @click="goBack">返回</van-button>
    </div>
  </div>
</template>
<script lang="ts">
import {} from "vant";
//util
import { onMounted, reactive, toRefs, ref, nextTick } from "vue";
import { useRoute, useRouter } from "vue-router";

//api
import Activity from "./components/Activity.vue";
import Employee from "./components/Employee.vue";
export default {
  name: "reservation",
  components: {
    Activity,
    Employee,
  },
  setup() {
    const router = useRouter();
    const route = useRoute();
    let { valuatorUserId = "" } = route.query;

    const state = reactive({
      pageTab: "search", //report
    });
    onMounted(() => {
      nextTick(() => {});
    });
    const goBack = () => {
      router.back();
    };

    return {
      ...toRefs(state),
      goBack,
    };
  },
};
</script>

<style lang="scss" scoped>
::v-deep(.van-button--plain) {
  width: 78px;
  background: transparent;
  font-size: 16px;
}
</style>
